/** * jsx的语法规则 * 1.标签中混入js表达式需要用{} * 2.css里的class换成className * 3.css里的内联样式style需要写成{{key:value}}的形式 * 4.只能有一个更标签 * 5.标签必须闭合,变前提没有内容,就自闭合 * * 标签首字母 *  小写标签 -> 转成html的同名元素 *  大写标签 -> 转成组件标签 */import React,{Component} from "react";import './exercise.css'const myId = 'aTgUiGu'const myData = 'HeLlo rEaCt'export default class Exercise extends Component {    render() {        return (            <div>                <h2 id={myId.toLowerCase()} className={myId.toLowerCase()}>                    <span style={{color:"red",fontSize:'20px'}}>{myData.toLowerCase()}</span>                </h2>                <input type="text"/>            </div>        )    }}